/* Header */
#head { background:#181015 url( ../images/bg_header.jpg) no-repeat; background-size: cover; min-height:520px; text-align: center; padding-top:240px; color:white; font-family:"Open sans", Helvetica, Arial; font-weight:300; }
#head.secondary { height:100px; min-height: 100px; padding-top:0px; }
  #head .lead { font-family:"Open sans", Helvetica, Arial; font-size:44px; margin-bottom:6px; color:white; line-height:1.15em; } 
  #head .tagline { color:rgba(255,255,255,0.75); margin-bottom:25px; }
    #head .tagline a { color:#fff; } 
  #head .btn { margin-bottom:10px;}
  #head .btn-default { text-shadow: none; background:transparent; color:rgba(255,255,255,.5); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.5); background: transparent; }
    #head .btn-default:hover,
    #head .btn-default:focus { color:rgba(255,255,255,.8); -webkit-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); -moz-box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); box-shadow:inset 0px 0px 0px 3px rgba(255,255,255,.8); background: transparent; }
    #head .btn-default:active, 
    #head .btn-default.active { color:#fff; -webkit-box-shadow:inset 0px 0px 0px 3px #fff; -moz-box-shadow:inset 0px 0px 0px 3px #fff; box-shadow:inset 0px 0px 0px 3px #fff; background: transparent; }

@media (max-width: 767px) {
  #head { min-height:420px; padding-top:160px; }
  #head .lead { font-size: 34px; }
}


/**/
div.headContainer{ padding:0;}
.navbarLogo{position:absolute; width:95%; margin:0 !important;}
.navbar-nav > li > a{ cursor:pointer;
font-family:Arial,'微软雅黑'; letter-spacing:1px; font-size:12px; color:#666;font-weight:normal; }
.navbar-nav li.lion a{ color:#fff;}

/*banner*/
div#sequence{ margin:0 auto;}
div.bannerSlider{background:url(../images/slider-bg4.jpg) repeat-x 0 0;}
h2.indexSlider01{ width:317px !important; height:80px; padding-bottom:80px; background:url(../images/icongroun_index01.png) no-repeat 0 bottom;}
h2.indexSlider02{ width:317px !important; height:75px; padding-bottom:80px;background:url(../images/icongroun_index02.png) no-repeat 0 bottom;}
h2.indexSlider03{ width:286px !important; height:75px; padding-bottom:70px; background:url(../images/icongroun_index03.png) no-repeat 0 bottom;}
h2.indexSlider04{ width:286px !important; height:75px; padding-bottom:70px; background:url(../images/icongroun_index04.png) no-repeat 0 bottom;}

img.slideImg01{ width:1000px; height:693px;top:60px;}
.animate-in .slideImg01 {
  left: 10%;
}
h1.pagebg{ position:absolute; left:0px; top:0px; width:0px; height:2px; margin:0; background:#666;}
#sequence .animate-in h2.indexSlider01{left:70%; bottom:40%;}
#sequence h2.indexSlider03{left:0; bottom:40%;}
#sequence .animate-in h2.indexSlider02{left:70%; bottom:60%;}
#sequence .animate-in h2.indexSlider03{ left:0; bottom:40%;}

#sequence h2.title{box-sizing:content-box;}
#sequence h2.title span.indexSliderSpan01{ clear:both; display:block; height:48px; line-height:40px;text-shadow:none;
font-family:'微软雅黑'; letter-spacing:7px; font-size:22px; color:#333;font-weight:normal; text-align:center;}
#sequence h2.title span.indexSliderSpan02{ clear:both; display:block; height:30px; line-height:30px;
font-family:'微软雅黑'; letter-spacing:8px; font-size:16px; color:#fff;font-weight:normal;text-align:center;
background:#343434;}

#sequence h2.indexSlider02 span.indexSliderSpan01{letter-spacing:9px;}
#sequence h2.indexSlider02 span.indexSliderSpan02{letter-spacing:8px;}

#sequence h2.indexSlider03 span.indexSliderSpan01{letter-spacing:9px;}
#sequence h2.indexSlider03 span.indexSliderSpan02{letter-spacing:6px;}

@media (min-width:200px){div.sequence-pagination-wrapper{ width:100%; left:0; right:0px;}#sequence .animate-in h2.title{ top:100px; left:0; width:100%; background-size:100%;}#sequence img{ top:320px; width:100% !important;margin-left:0 !important;max-width:100% !important;}}
@media (min-width:700px){div.sequence-pagination-wrapper{ width:auto; left:auto; right:38%;}#sequence .animate-in h2.title{ top:auto; left:70%; width:100%; background-size:100%;}#sequence img{ top:20%; width:auto;margin-left:0 !important;max-width:80% !important;}#sequence .slideImg03{ width:63% !important;}}
@media (min-width:1285px){}


/*--------------------------------------------------------------------------
+ Homepage Slider Style (modified sequencejs CSS). Sorry, no LESS here
--------------------------------------------------------------------------*/
#sequence {
  overflow: hidden;
  width: 100%;
  max-width: 1100px;
  color: white;
  font-size: 0.625em;
  margin: 0 auto 30px auto;
  position: relative;
  min-height: 690px;
}
#sequence img {
  max-width: 100%;
}
#sequence > .sequence-canvas {
  list-style-type: none;
  height: 400px;
  margin: 0;
  padding: 0;
  width: 100%;
}
#sequence h2 {
  font-size: 4em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
  border: none;
  padding-left: 0;
  margin-top: 0;
}
#sequence h3 {
  font-size: 2em;
  color: #FFF;
  text-shadow: 2px 2px 3px #444;
}
#sequence > .sequence-canvas > li {
  position: absolute;
  width: 100%;
  min-height: 600px;
  z-index: 1;
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  -ms-transition-property: background;
  transition-property: background;
  background-position: -50px 0;
}
#sequence > .sequence-canvas > li.bg1 {
  background-image: url(../images/slider-bg1.jpg);
}
#sequence > .sequence-canvas > li.bg2 {
  background-image: url(../images/slider-bg2.jpg);
}
#sequence > .sequence-canvas > li.bg3 {
  background-image: url(../images/slider-bg3.jpg);
}
#sequence > .sequence-canvas > li.bg4 {
  /*background-image: url(../images/slider-bg4.jpg);*/
  /*background: url(../images/slide01.png) no-repeat 0 0;*/
  /*background:url(../images/slide02.png) repeat-x 0 bottom !important;*/
}
#sequence > .sequence-canvas > li.bg5 {
  background-image: url(../images/slider-bg5.jpg);
}
#sequence > .sequence-canvas > li.bg6 {
  background-image: url(../images/slider-bg6.jpg);
}
#sequence > .sequence-canvas > li.bg7 {
  background-image: url(../images/slider-bg7.jpg);
}
#sequence > .sequence-canvas > li.bg8 {
  background-image: url(../images/slider-bg8.jpg);
}
#sequence > .sequence-canvas > li.bg9 {
  background-image: url(../images/slider-bg9.jpg);
}
#sequence > .sequence-canvas > li.bg10 {
  background-image: url(../images/slider-bg10.jpg);
}
#sequence > .sequence-canvas > li.bg11 {
  background-image: url(../images/slider-bg11.jpg);
}
#sequence > .sequence-canvas > li.bg12 {
  background-image: url(../images/slider-bg12.jpg);
}
#sequence > .sequence-canvas > li.bg13 {
  background-image: url(../images/slider-bg13.jpg);
}
#sequence > .sequence-canvas > li.bg14 {
  background-image: url(../images/slider-bg14.jpg);
}
#sequence > .sequence-canvas > li img {
  height: 96%;
}
#sequence > .sequence-canvas li > * {
  position: absolute;
  -webkit-transition-property: left, opacity;
  -moz-transition-property: left, opacity;
  -o-transition-property: left, opacity;
  -ms-transition-property: left, opacity;
  transition-property: left, opacity;
}
.sequence-next,
.sequence-prev {
  color: white;
  cursor: pointer;
  display: none;
  font-weight: bold;
  padding: 10px 15px;
  position: absolute;
  top: 50%;
  z-index: 1000;
  height: 75px;
  margin-top: -47.5px;
}
.sequence-pause {
  bottom: 0;
  cursor: pointer;
  position: absolute;
  z-index: 1000;
}
.sequence-paused {
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
}
.sequence-prev {
  left: 3%;
}
.sequence-next {
  right: 3%;
}
.sequence-prev img,
.sequence-next img {
  height: 100%;
  width: auto;
}
#sequence-preloader {
  background: #d9d9d9;
}
.sequence-pagination-wrapper {
  position: absolute;
  bottom: 10px;
  right: 38%;
  z-index: 99;
}
.sequence-pagination {
  display: none;
  z-index: 99;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sequence-pagination li {
  position:relative;
  display: inline-block;
  *display: inline;
  width: 80px;
  height: 2px;
  margin: 0 4px;
  text-indent: -999em;
  border: 0px solid #4f8db3;
  cursor: pointer;
  -webkit-border-radius: 0px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0px;
  -moz-background-clip: padding;
  border-radius: 0px;
  background-clip: padding-box;
  background-color:#999;
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  -o-transition: background .5s, opacity .5s;
  -ms-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}
.sequence-pagination li.current {
  background: #4f8db3;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.sequence-next,
.sequence-prev {
  position: absolute;
  opacity: 0.6;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
.sequence-next:hover,
.sequence-prev:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
#sequence .title {
  font-size: 3.8em;
  text-transform: none;
  left: 0%;
  width: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  bottom: 60%;
  z-index: 50;
}
#sequence > .sequence-canvas > li.animate-in {
  background-position: 0 0;
  -webkit-transition-duration: 1.5s;
  -moz-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}
#sequence .animate-in .title {
  left: 5%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#sequence .animate-out .title {
  left: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.subtitle {
  color: black;
  font-size: 2em;
  left: 35%;
  width: 35%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  top: 40%;
}
.animate-in .subtitle {
  left: 15%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.animate-out .subtitle {
  left: 65%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.slide-img {
  left: 90%;
  top: 20%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: relative;
  height: auto !important;
  /*max-height: 450px !important;
  max-width: 45% !important;*/
}
.animate-in .slide-img {
  left: 0%;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.animate-in .slideImg02{ left:70px;}
.animate-in .slideImg03{ left:110px;}
.animate-out .slide-img {
  left: 0%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
@media only screen and (min-width: 992px) {
  #sequence .title {
    width: 42%;
  }
}
@media only screen and (max-width: 838px) {
  #sequence .slide-img {
    max-height: 530px !important;
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #sequence {
    height: 400px;
  }
  #sequence .title {
    font-size: 2.8em;
  }
  #sequence .subtitle {
    font-size: 1.6em;
  }
  #sequence .sequence-next,
  #sequence .sequence-prev {
    height: 60px;
    margin-top: -40px;
  }
  #sequence .slide-img {
    max-height: 480px !important;
    width: auto;
  }
}
@media only screen and (max-width: 568px) {
  .slide-img {
    left: 0%;
    width: auto;
    max-width: 80% !important;
  }
  #sequence .animate-in .slide-img {
    left: 0%;
    margin-left: -40%;
  }
  #sequence .animate-out .slide-img {
    left: 0%;
    margin-left: -20%;
  }
  #sequence .title {
    background: #a1a1a1;
    background: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 100%;
    padding: 4%;
    width: 100%;
    margin-bottom: 0;
    z-index: 10;
  }
  #sequence .animate-in .title {
    left: 0%;
  }
  #sequence .animate-out .title {
    left: -100%;
  }
  #sequence .subtitle {
    visibility: hidden;
  }
}
/*--------------------------------------------------------------------------
+ Content Slider Style (bxSlider CSS), Sorry, no LESS here
--------------------------------------------------------------------------*/

/* Autohide navbar */
.slideUp { top:-100px; }
.headroom { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.navbarToggleBt{ padding:6px 10px; margin-top:1px;z-index:9;}

/* Highlights (in jumbotron in most cases) */
.highlight { margin-top:40px; }
  .h-caption { text-align: center; } 
  .h-caption i { display:block; font-size: 54px; color:#382526; margin-bottom:36px; }
  .h-caption h4 { color:#382526; font-size: 16px; font-weight: bold; margin-bottom:20px; }
  .h-body { }


/**/
.section{ padding:0; overflow:hidden;}
.typeContainer{ width:100%;}
.typeRow{ background:#fff;}
.typeColMd4{/* width:25%; */padding:0 1px 1px 0;background:#fff; cursor:pointer;}
.in-press{background:url(../images/indexkuangbg.jpg) repeat-x; height:240px; padding-top:50px; overflow:hidden;}
.indexColImg{clear:both; margin:0; height:180px;}
/*.indexColImg01{ background:url(../images/type01.png) no-repeat center 20px;}*/
.indexColImg01 img,.indexColImg02 img,.indexColImg03 img,.indexColImg04 img{
  display: block;
  margin:0 auto;
  margin-top:5px;
}
.indexColImg03 img{
  width:241px;
  height: 153px;
}
/*.indexColImg02{ background:url(../images/type02.png) no-repeat center 5px;}
.indexColImg03{ background:url(../images/type03.png) no-repeat center bottom;}
.indexColImg04{ background:url(../images/type04.png) no-repeat center 15px;}*/
.indexColImg img{vertical-align:middle; display:block;}
.indexColImgTex{margin:0 !important; clear:both;
font-family:'微软雅黑'; letter-spacing:1px; font-size:16px; color:#333;font-weight:normal; text-align:center;
}



/* Typography */
h1, h2, h3, h4, h5, h6 { font-family:"Open sans", Helvetica, Arial; }
h1, .h1, h2, .h2, h3, .h3 { margin-top:30px; } 
blockquote { font-style: italic; font-family: Georgia; color:#999; margin:30px 0 30px; }
label { color: #777; }
.thin { font-weight:300; }
.page-title { margin-top:20px; font-weight:300; }
.text-muted { color:#888; }
.breadcrumb { background:none; padding:0; margin:30px 0 0px 0; }
ul.list-spaces li{ margin-bottom:10px; }

/* Helpers */
.container-full { margin: 0 auto; width: 100%; }
.top-space { padding:0;}
.top-margin { margin-top:20px; }

img { max-width:100%; }
img.pull-right { margin-left: 10px; }
img.pull-left { margin-right: 10px; }
#map { width:100%; height:280px; }
#social { margin-top:50px; margin-bottom:50px; }
  #social .wrapper { width:340px; margin:0 auto; }

/* Main content block */
.maincontent { }

/* Sidebars */
.sidebar { padding-top:36px; padding-bottom:30px; }
  .sidebar .widget { margin-bottom:20px; }
  .sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 { margin-top:20px; } 

/* Footer */
.footer1 { background: #f4f4f4; padding: 30px 0 0 0; font-size: 12px; color: #999; overflow:hidden;}
  .footer1 a { color: #ccc; }
    .footer1 a:hover {color: #fff; }
  .footer1 .widget { margin-bottom:30px; }    
  .footer1 .widget-title { font-size: 14px; font-weight:normal; color: #666; margin: 0 0 20px;font-family:'微软雅黑'; letter-spacing:1px;}
  .footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
    .footer1 .entry-meta a { color: #333333; }
    .footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
  .follow-me-icons { font-size:30px; }    
    .follow-me-icons i { float:left; margin:0 10px 0 0; }   

.footer2 { background: #191919;/* padding: 15px 0;*/ color: #777; font-size: 12px; overflow:hidden;}
  .footer2 a { color: #666;font-family:'微软雅黑'; letter-spacing:1px; font-size:12px;}
    .footer2 a:hover { color: #fff; }
    .footer2 p { margin: 0; }

  .widget-simplenav { margin-left:-5px; }   
  .widget-simplenav a{ margin:0 5px; }
  
div.foot2Body{ padding:15px 0;}
div.beianDiv{ float:right;}
div.beianDiv a{ float:left;}
div.beianDiv img{ width:17px; height:24px;}


@media (max-width: 640px){
  .navbarLogo{
    width: 90%;
  }
}

@media (max-width: 760px){
    .navbar-collapse ul{
    margin-top: 30px;
  }
}